 <div class="AccordionPanel"> 		       
        <div class="AccordionPanelTab" onclick="dinamicIncludes_Map.includeHistorico(); cleanAllStates();">
        	<div class="PanelTabImg"></div>Historico
        </div>
        <div class="AccordionPanelContent">
        	<input type="hidden" id="titulo" value="4" name="titulo"/>
        	<div>
              	<table width="280" cellpadding="0" cellspacing="0" border="0">
            		<tr>
            			<input type="hidden" name="labelMovil" id="labelMovil">  
						<td width="48" align="left" valign="middle"><span class="inputLBL">M&oacute;vil:</span></td>
				   		<td height="25" align="left" valign="middle" >
                        	<input type="hidden" name="pag" value="1"/> 
				   			<select name='cuentaSelect' class='gmapSelect' id="cuentaSelectHistorico"></select>
                      	</td>
					</tr>
            	</table>
            </div>
        	<div id="historcoMenuPPAL">
              	<table width="280" cellpadding="0" cellspacing="0" border="0">
            		<tr>
		            	<td align="left" ><span class="inputLBL">Viajes</span>
		            		<ul>
		            		<li><a href="javascript:;" onclick="mostrarFiltroViajesUltDia();"><span class="inputLBL">&Uacute;ltimo d&iacute;a</span></li>
		            		<li><a href="javascript:;" onclick="mostrarFiltroViajes();"><span class="inputLBL">Filtro</span></a></li>
		            		</ul>
		            	</td>
            		</tr>
            		<tr>
		            	<td align="left" class="inputLBL"><span class="inputLBL">Recorrido</span>
		            		<ul>
		            		<li><a href="javascript:;" onclick="cMapController.getMapActive().getHistorico().SubmitHistoricoUltimaHora();"><span class="inputLBL">Mapear &uacute;ltimo hora</span></a></li>
		            		<li><a href="javascript:;" onclick="SubmitHistoricoReporteUltimaHora();"><span class="inputLBL">Reporte &uacute;ltimo hora</span></a></li>
		            		<li><a href="javascript:;" onclick="mostrarFiltroHistorico();"><span class="inputLBL">Filtro</span></a></li>
		            		</ul>
		            	</td>
            		</tr>
            		<tr>
		            	<td align="left" class="inputLBL"><span class="inputLBL">Eventos</span>
		            		<ul>
		            		<li><a href="javascript:;" onclick="SubmitHistoricoEventosReporteUltHora();"><span class="inputLBL">Reporte &uacute;ltimo hora</span></a></li>
		            		<li><a href="javascript:;" onclick="mostrarFiltroHistoricoEventos();"><span class="inputLBL">Filtro</span></a></li>
		            		</ul>
		            	</td>
            		</tr>
            		<tr>
		            	<td align="left"><span class="inputLBL">Paradas</span>
		            		<ul>
		            		<li><a href="javascript:;" onclick="SubmitHistoricoParadasReporteUltHora();"><span class="inputLBL">Reporte &uacute;ltimo hora</span></a></li>
		            		<li><a href="javascript:;" onclick="mostrarFiltroHistoricoParadas();"><span class="inputLBL">Filtro</span></a></li>
		            		</ul>
		            	</td>
            		</tr>
            		
            	</table>
            </div>
            
            <!-- FILTRO VIAJES -->
            <div id="div_filtroHistoricoViajes" style="display:none">
	            <div class="minimenu" id="minimenuFiltroHistoricoViajes">
	                <div class="buttonBar">
	                	<input type="button" class="BTNback" onclick="mostrarMenuPPAL();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoEventos', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');">
						<input type="button" class="BTNreporte" onclick="SubmitHistoricoReporteViajes();" onmouseover="minimenuInfoSet('minimenuFiltroHistorico', 'Generar reporte de recorrido historico');" onmouseout="minimenuInfoSet('minimenuFiltroHistorico', '');">
	                </div>    
	                <div class="infoBar"></div>
	            </div>
        	
    			<table width="280">
				   <tr>
				        <td colspan="2"><span class="sectionTITLE">Historico de viajes (filtro)</span></td>
				   </tr>				   
				   <tr>
				        <td colspan="2">
				           <span class="sectionDESC">Mapeo y reporte hist&oacute;rico de viajes del veh&iacute;culo seleccionado seg&uacute;n rango de fechas.</span>
				        </td>
				   </tr>
				   <tr>      
                      <td width="48" align="left" valign="middle"><span class="inputLBL">Desde:</span></td>
                      <td height="25" align="left" valign="middle" > 
                     		<input type="hidden" name="diaiHistoricoViajes" id="diaiHistoricoViajes">  
                            <input type="hidden" name="mesiHistoricoViajes" id="mesiHistoricoViajes">
                            <input type="hidden" name="anoiHistoricoViajes" id="anoiHistoricoViajes">
                            <input type="hidden" name="horaInicioHistoricoViajes" id="horaInicioHistoricoViajes">  	
                           	<input type="text" name="fechaInicioHistoricoViajes" id="fechaInicioHistoricoViajes" class="gmapInputText" size="20" maxlength="20" disabled="disabled" value="">
                     
               		   <img src="js/calendar/img/calendar.gif" name="fechaInicioBtnHistoricoViajes" id="fechaInicioBtnHistoricoViajes" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." onmouseover="this.style.background='#DFB308';" onmouseout="this.style.background='';" />
                     </td>
                   </tr>
          
                   <tr>
                      <td width="48" align="left" valign="middle"><span class="inputLBL">Hasta:</span></td>
                      <td height="25"align="left" valign="middle"> 
                      		<input type="hidden" name="diafHistoricoViajes" id="diafHistoricoViajes">  
                            <input type="hidden" name="mesfHistoricoViajes" id="mesfHistoricoViajes">
                            <input type="hidden" name="anofHistoricoViajes" id="anofHistoricoViajes">
                            <input type="hidden" name="horaFinHistoricoViajes" id="horaFinHistoricoViajes"> 
                           	<input type="text" name="fechaFinHistoricoViajes" id="fechaFinHistoricoViajes" class="gmapInputText" size="20" maxlength="20" disabled="disabled" value="">
                     
               		   <img src="js/calendar/img/calendar.gif" name="fechaFinBtnHistoricoViajes" id="fechaFinBtnHistoricoViajes" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." onmouseover="this.style.background='#DFB308';" onmouseout="this.style.background='';" />
                     </td>
                    </tr>
				</table>
        	</div>
        	 <div id="div_filtroUltDiaHistoricoViajes" style="display:none">
	            <div class="minimenu" id="minimenuFiltroUltDiaHistoricoViajes">
	                <div class="buttonBar">
	                	<input type="button" class="BTNback" onclick="mostrarMenuPPAL();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoEventos', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');">
	                </div>    
	                <div class="infoBar"></div>
	            </div>
        		<table width="280">
				   <tr>
				        <td colspan="2"><span class="sectionTITLE">Historico de viajes (Filtro x d&iacute;a)</span></td>
				   </tr>				   
				   <tr>
				        <td colspan="2">
				           <span class="sectionDESC">Listado de viajes del veh&iacute;culo seleccionado seg&uacute;n el d&iacute;a elegido.</span>
				        </td>
				   </tr>
				   <tr>
				        <td colspan="2">
				        	<div id="div_diaViaje" style="text-align: center;font-size: 15px;">
				        		<input type="hidden" value="" name="ultimoDia"  id="ultimoDia"/>
				        		<a href="javascript:;" onclick="mostrarFiltroViajesDiaAnt()"><img alt="dia anterior" src="images/flechaIzq.gif" border="0"></a>
				        		<span id="diaViaje"></span>
				        		<a href="javascript:;" onclick="mostrarFiltroViajesDiaPost()"><img alt="dia anterior" src="images/flechaDer.gif" border="0"></a>
				        	</div>
				        </td>
				   </tr>
				   <tr>
				        <td colspan="2">
				        	<div id="div_ResultDiaViaje" style="text-align: center;font-size: 15px;display:none;" >
				        	</div>
				        </td>
				   </tr>
				   
				</table>
        	</div>
     <script type="text/javascript">
 function initializeFechasHistoricoViajes(){
	  //FECHA DESDE!
	   dateIniHistoricoViajes = "";
	   
	   if (desdeHIS!=null){
			document.getElementById('diaiHistoricoViajes').value = desdeHIS.substring(0,2);
			document.getElementById('mesiHistoricoViajes').value = desdeHIS.substring(3,5);
			document.getElementById('anoiHistoricoViajes').value = desdeHIS.substring(6,10);
			document.getElementById('horaInicioHistoricoViajes').value = desdeHIS.substring(11);		
		 }
	   
	   if  (document.getElementById('diaiHistoricoViajes').value != "") {
	   		dateIniHistoricoViajes = document.getElementById('diaiHistoricoViajes').value;
			dateIniHistoricoViajes += "/" + document.getElementById('mesiHistoricoViajes').value;
			dateIniHistoricoViajes += "/" + document.getElementById('anoiHistoricoViajes').value;
			dateIniHistoricoViajes += " " + document.getElementById('horaInicioHistoricoViajes').value;
	  	 }
	   else{   
	   		var actualDateHistoricoViajes = new Date();
			var timeHistoricoViajes = actualDateHistoricoViajes.getTime();
			timeHistoricoViajes -= Date.HOUR;
			actualDateHistoricoViajes = new Date(timeHistoricoViajes);
			dateIniHistoricoViajes = actualDateHistoricoViajes.print("%d") + '/' + actualDateHistoricoViajes.print("%m") + '/' + actualDateHistoricoViajes.print("%Y") + ' ' + actualDateHistoricoViajes.print("%H:%M"); 
			document.getElementById('diaiHistoricoViajes').value = actualDateHistoricoViajes.print("%d");
			document.getElementById('mesiHistoricoViajes').value = actualDateHistoricoViajes.print("%m");
			document.getElementById('anoiHistoricoViajes').value = actualDateHistoricoViajes.print("%Y");
			document.getElementById('horaInicioHistoricoViajes').value = actualDateHistoricoViajes.print("%H:%M");  
	   } 
	   
	   
	   
	   document.getElementById('fechaInicioHistoricoViajes').value = dateIniHistoricoViajes;

		Calendar.setup(	
			{
			inputField 	   : "fechaInicioHistoricoViajes",  
			ifFormat       : "%d/%m/%Y %H:%M",      
	        showsTime      : true,
	        timeFormat     : "24",
			button		   : "fechaInicioBtnHistoricoViajes",
			onUpdate       : fechaIniChangeHistoricoViajes
			} 
		);	
		
		//FECHA HASTA!
	   dateFinHistoricoViajes = "";
	   
	    if (hastaHIS!=null){
			document.getElementById('diafHistoricoViajes').value = hastaHIS.substring(0,2);
			document.getElementById('mesfHistoricoViajes').value = hastaHIS.substring(3,5);
			document.getElementById('anofHistoricoViajes').value = hastaHIS.substring(6,10);
			document.getElementById('horaFinHistoricoViajes').value = hastaHIS.substring(11);		
		 }
	   
	   if  (document.getElementById('diafHistoricoViajes').value != "") {
	   		dateFinHistoricoViajes = document.getElementById('diafHistoricoViajes').value;
			dateFinHistoricoViajes += "/" + document.getElementById('mesfHistoricoViajes').value;
			dateFinHistoricoViajes += "/" + document.getElementById('anofHistoricoViajes').value;
			dateFinHistoricoViajes += " " + document.getElementById('horaFinHistoricoViajes').value;
	  	 }
	   else{   
	   		actualDateHistoricoViajes = new Date();			
			timeHistoricoViajes = actualDateHistoricoViajes.getTime();
			timeHistoricoViajes += Date.HOUR;
			actualDateHistoricoViajes = new Date(timeHistoricoViajes);
			dateFinHistoricoViajes = actualDateHistoricoViajes.print("%d") + '/' + actualDateHistoricoViajes.print("%m") + '/' + actualDateHistoricoViajes.print("%Y") + ' ' + actualDateHistoricoViajes.print("%H:%M");  
			document.getElementById('diafHistoricoViajes').value = actualDateHistoricoViajes.print("%d");
			document.getElementById('mesfHistoricoViajes').value = actualDateHistoricoViajes.print("%m");
			document.getElementById('anofHistoricoViajes').value = actualDateHistoricoViajes.print("%Y");
			document.getElementById('horaFinHistoricoViajes').value = actualDateHistoricoViajes.print("%H:%M"); 
	   } 
	   
	   document.getElementById('fechaFinHistoricoViajes').value = dateFinHistoricoViajes;   

		Calendar.setup(	
			{
			inputField 	   : "fechaFinHistoricoViajes",  
			ifFormat       : "%d/%m/%Y %H:%M",      
	        showsTime      : true,
	        timeFormat     : "24",
			button		   : "fechaFinBtnHistoricoViajes",
			onUpdate       : fechaFinChangeHistoricoViajes
			} 
		);
	}

	   function fechaIniChangeHistoricoViajes(cal){
		    var dateHistoricoViajes = cal.date;
			document.getElementById('diaiHistoricoViajes').value = dateHistoricoViajes.print("%d");
			document.getElementById('mesiHistoricoViajes').value = dateHistoricoViajes.print("%m");
			document.getElementById('anoiHistoricoViajes').value = dateHistoricoViajes.print("%Y");
			document.getElementById('horaInicioHistoricoViajes').value = dateHistoricoViajes.print("%H:%M");
		}
		
		function fechaFinChangeHistoricoViajes(cal){
		    var date = cal.date;
			document.getElementById('diafHistoricoViajes').value = date.print("%d");
			document.getElementById('mesfHistoricoViajes').value = date.print("%m");
			document.getElementById('anofHistoricoViajes').value = date.print("%Y");
			document.getElementById('horaFinHistoricoViajes').value = date.print("%H:%M");
		}
 
</script>     	
             <!-- RESULTADO HISTORICO -->
            <div id="div_resultadoHistorico" style="display:none">        
            <div class="minimenu" id="minimenuResultadoHistorico">
                <div class="buttonBar">
	            	<input type="button" class="BTNback" onclick="mostrarFiltroHistorico();" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');">
                    <input type="button" class="BTNstop" id="recorridoStopBTN" onclick="mostrarParadasFromTable('paradasTablePrint');" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Marcar todas las paradas de este recorrido');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');">
                    <input type="button" class="BTNcancel" onclick="cMapController.getMapActive().getHistorico().clearHistoricoRecorrido();" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Borrar este recorrido historico del mapa');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');">
                    <input type="button" class="BTNreporte" onclick="SubmitHistoricoReporte();" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Generar reporte de este recorrido historico');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');">
                </div>    
                <div class="infoBar"></div>
            </div>
            <div class="minimenuContent">
            <table width="280" cellpadding="0" cellspacing="0" border="0">
            	<tr><td align="left"><span class="sectionTITLE">Historico de recorrido (reporte)</span></td></tr>
            	<tr><td align="left"><span class="inputLBL">Movil: </span><span class="inputTEXT" id="historico_movil"></span></td></tr>
            	<tr><td align="left"><span class="inputLBL">Velocidad promedio: </span><span class="inputTEXT" id="historico_velPromedio"></span></td></tr>
            	<tr><td align="left"><span class="inputLBL">Velocidad m&aacute;xima: </span><span class="inputTEXT" id="historico_velMaxima"></span></td></tr>
            	<tr><td align="left"><span class="inputLBL">Distancia recorrida: </span><span class="inputTEXT" id="historico_distanciaRecorrida"></span></td></tr>
                <tr><td align="left"><span class="inputLBL">Desde: </span><span class="inputTEXT" id="historico_fechaDesde"></span></td></tr>
                <tr><td align="left"><span class="inputLBL">Hasta: </span><span class="inputTEXT" id="historico_fechaHasta"></span></td></tr>
            </table>
            <div id="div_eventosHistorico"></div>
            <div id="div_excesosHistorico"></div>
            <div id="div_paradasHistorico"></div>
            </div>
            </div>
            
             <!-- DIBUJANDO HITORICO DE RECORRIDO -->
            <div id="div_drawHistoricoRecorrido" style="display:none">
            <div class="minimenu" id="minimenuDrawHistoricoRecorrido">
                <div class="buttonBar">
	            	<input type="button" class="BTNcancel" onclick="cMapController.getMapActive().getHistorico().cancelDrawHistoricoPolyLine();" onmouseover="minimenuInfoSet('minimenuDrawHistoricoRecorrido', 'Cancelar impresion de recorrido historico');" onmouseout="minimenuInfoSet('minimenuDrawHistoricoRecorrido', '');">
                </div>    
                <div class="infoBar"></div>
            </div>
            <div class="minimenuContent">
            <br/>
            <table width="280" align="center" bgcolor="#FFFFFF" border="1" bordercolor="#999999">
            	<tr>
                	<td width="60" align="center"><img src="images/animatedpencil.gif" /></td>
                	<td valign="middle" align="center"><span class="resaltado" style="background:white;">Imprimiendo trazado...</span></td>
                </tr>
            </table>
            </div>
            </div>
        	
            <!-- FILTRO HITORICO -->
            <div id="div_filtroHistorico" style="display:none">
            <div class="minimenu" id="minimenuFiltroHistorico">
                <div class="buttonBar">
                	<input type="button" class="BTNback" onclick="mostrarMenuPPAL();//mostrarFiltroHistorico();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoEventos', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');">
	            	<input type="button" class="BTNmapear" onclick="cMapController.getMapActive().getHistorico().SubmitHistorico();" onmouseover="minimenuInfoSet('minimenuFiltroHistorico', 'Imprimir recorrido en el mapa');" onmouseout="minimenuInfoSet('minimenuFiltroHistorico', '');">
					<input type="button" class="BTNreporte" onclick="SubmitHistoricoReporte();" onmouseover="minimenuInfoSet('minimenuFiltroHistorico', 'Generar reporte de recorrido historico');" onmouseout="minimenuInfoSet('minimenuFiltroHistorico', '');">
                    <input type="button" class="BTNcancel" onclick="cMapController.getMapActive().getHistorico().clearHistoricos();" onmouseover="minimenuInfoSet('minimenuFiltroHistorico', 'Borrar las marcas y recorridos historicos del mapa');" onmouseout="minimenuInfoSet('minimenuFiltroHistorico', '');">
                </div>    
                <div class="infoBar"></div>
            </div>
        	
    			<table width="280">
				   <tr>
				        <td colspan="2"><span class="sectionTITLE">Historico de recorrido (filtro)</span></td>
				   </tr>				   
				   <tr>
				        <td colspan="2">
				           <span class="sectionDESC">Mapeo y reporte hist&oacute;rico de recorrido del veh&iacute;culo seleccionado seg&uacute;n rango de fechas.</span>
				        </td>
				   </tr>
				   <!-- 				   
				   <tr>
				   		<td width="48" align="left" valign="middle"><span class="inputLBL">M&oacute;vil:</span></td>
				   		<td height="25" align="left" valign="middle" >
                        <input type="hidden" name="pag" value="1"/> 
				   		<select name='cuentaSelect' class='gmapSelect' id="cuentaSelectHistorico">
                		</select>
                      	</td>
                   </tr>    
                   -->     
				   <tr>      
                      <td width="48" align="left" valign="middle"><span class="inputLBL">Desde:</span></td>
                      <td height="25" align="left" valign="middle" > 
                   			<input type="hidden" name="diai" id="diai">  
                            <input type="hidden" name="mesi" id="mesi">
                            <input type="hidden" name="anoi" id="anoi">
                            <input type="hidden" name="horaInicio" id="horaInicio">  	
                           	<input type="text" name="fechaInicio" id="fechaInicio" class="gmapInputText" size="20" maxlength="20" disabled="disabled" value="">
                     
               		   <img src="js/calendar/img/calendar.gif" name="fechaInicioBtn" id="fechaInicioBtn" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." onmouseover="this.style.background='#DFB308';" onmouseout="this.style.background='';" />
                     </td>
                   </tr>
          
                   <tr>
                      <td width="48" align="left" valign="middle"><span class="inputLBL">Hasta:</span></td>
                      <td height="25"align="left" valign="middle"> 
                   			<input type="hidden" name="diaf" id="diaf">  
                            <input type="hidden" name="mesf" id="mesf">
                            <input type="hidden" name="anof" id="anof">
                            <input type="hidden" name="horaFin" id="horaFin">  	
                           	<input type="text" name="fechaFin" id="fechaFin" class="gmapInputText" size="20" maxlength="20" disabled="disabled" value="">
                     
               		   <img src="js/calendar/img/calendar.gif" name="fechaFinBtn" id="fechaFinBtn" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." onmouseover="this.style.background='#DFB308';" onmouseout="this.style.background='';" />
                     </td>
                    </tr>
				</table>
				<hr>
				<table width="280">
				<tr>
						<td width="48"><span class="inputLBL">Color:</span></td>
						<td valign="top">
							<input type="hidden" name="colorId" id="colorId" value="<?=  $miConfig->HIScolor ?>" onChange="historicoChangeColor(this.value);" style="background:#<?=  $miConfig->HIScolor ?>;">
                            <input name="colorText" id="colorText" size="2"  class="colorPicker {valueElement:'colorId', pickerPosition:'right'}">
						</td>
						<td width="48"><span class="inputLBL">Ancho:</span></td>
						<td valign="top">
						<select name="thickness" id="thickness" class="gmapSelect">	
						   <option value="2">Fino</option>
						   <option value="4">Medio</option>
						   <option value="6" selected="selected">Grueso</option>
						</select>   
                        <script type="text/javascript">document.getElementById('thickness').value = <?= $miConfig->HISthickness ?>; </script>
						</td>
				</tr>
                <tr>
                    <td colspan="3"><span class="inputLBL">Mostrar sentido de recorrido</span></td> 
                    <td><input name="verSentido" id="verSentido" type="checkbox" class="styledInputs" />
                    <script type="text/javascript">
					 if (parseInt(<?= $miConfig->HISversentido; ?>)==1)
					 	document.getElementById('verSentido').checked = true; 
                    </script> 
                    </td>
                </tr>
				</table>
				<hr>
				<table width="280">
				<tr>
				   <td width="190"><span class="inputLBL">Exceso de velocidad (Km):</span></td>
				   <td><input type="Text" name="excesoVelocidad" id="excesoVelocidad" size="4" class="gmapInputText" value="<?= $miConfig->HISvelexceso ?>"></td>
				</tr>
				<tr>
				   <td><span class="inputLBL">Filtrar vel. igual a 0:</span></td>
				   <td>
				   		<select name="filtrarCeros" id="filtrarCeros" class="gmapSelect">	
							<option value="false">NO</option>   
				   			<option value="true">SI</option>
						</select>   
                        <script type="text/javascript">
								 if (parseInt(<?= $miConfig->HISfiltrocero; ?>)==1)
								 	document.getElementById('filtrarCeros').value = true; 
                                 </script>
				   </td>
				</tr>
                <tr>
				   <td><span class="inputLBL">Tiempo minimo detenido (Min):</span></td>
				   <td><input type="Text" name="tiempoParada" id="tiempoParada" size="4" class="gmapInputText" value=""></td>
				</tr>
				</table>	
 <script type="text/javascript">
 function initializeFechasHistorico(){
	     //FECHA DESDE!
   dateIni = "";
   
   if (desdeHIS!=null){
		document.getElementById('diai').value = desdeHIS.substring(0,2);
		document.getElementById('mesi').value = desdeHIS.substring(3,5);
		document.getElementById('anoi').value = desdeHIS.substring(6,10);
		document.getElementById('horaInicio').value = desdeHIS.substring(11);	
	 }
   
   if  (document.getElementById('diai').value != "") {
   		dateIni = document.getElementById('diai').value;
		dateIni += "/" + document.getElementById('mesi').value;
		dateIni += "/" + document.getElementById('anoi').value;
		dateIni += " " + document.getElementById('horaInicio').value;
  	 }
   else{   
   		var actualDate = new Date();
		var time = actualDate.getTime();
		time -= Date.HOUR;
		actualDate = new Date(time);
		dateIni = actualDate.print("%d") + '/' + actualDate.print("%m") + '/' + actualDate.print("%Y") + ' ' + actualDate.print("%H:%M"); 
		document.getElementById('diai').value = actualDate.print("%d");
		document.getElementById('mesi').value = actualDate.print("%m");
		document.getElementById('anoi').value = actualDate.print("%Y");
		document.getElementById('horaInicio').value = actualDate.print("%H:%M");  
   } 
   
   document.getElementById('fechaInicio').value = dateIni;   

	Calendar.setup(	
		{
		inputField 	   : "fechaInicio",  
		ifFormat       : "%d/%m/%Y %H:%M",      
        showsTime      : true,
        timeFormat     : "24",
		button		   : "fechaInicioBtn",
		onUpdate       : fechaIniChange
		} 
	);	
	
	//FECHA HASTA!
   dateFin = "";
   if (hastaHIS!=null){
		document.getElementById('diaf').value = hastaHIS.substring(0,2);
		document.getElementById('mesf').value = hastaHIS.substring(3,5);
		document.getElementById('anof').value = hastaHIS.substring(6,10);
		document.getElementById('horaFin').value = hastaHIS.substring(11);	
	 }
	 
   if  (document.getElementById('diaf').value != "") {
   		dateFin = document.getElementById('diaf').value;
		dateFin += "/" + document.getElementById('mesf').value;
		dateFin += "/" + document.getElementById('anof').value;
		dateFin += " " + document.getElementById('horaFin').value;
  	 }
   else{   
   		actualDate = new Date();
		time = actualDate.getTime();
		time += Date.HOUR;
		actualDate = new Date(time);
		dateFin = actualDate.print("%d") + '/' + actualDate.print("%m") + '/' + actualDate.print("%Y") + ' ' + actualDate.print("%H:%M");  
		document.getElementById('diaf').value = actualDate.print("%d");
		document.getElementById('mesf').value = actualDate.print("%m");
		document.getElementById('anof').value = actualDate.print("%Y");
		document.getElementById('horaFin').value = actualDate.print("%H:%M"); 
   } 
   
   document.getElementById('fechaFin').value = dateFin;

	Calendar.setup(	
		{
		inputField 	   : "fechaFin",  
		ifFormat       : "%d/%m/%Y %H:%M",      
        showsTime      : true,
        timeFormat     : "24",
		button		   : "fechaFinBtn",
		onUpdate       : fechaFinChange
		} 
	);
}

function fechaIniChange(cal){
	    var date = cal.date;
		document.getElementById('diai').value = date.print("%d");
		document.getElementById('mesi').value = date.print("%m");
		document.getElementById('anoi').value = date.print("%Y");
		document.getElementById('horaInicio').value = date.print("%H:%M");
		fechaIniChangeHistoricoEventos(cal);
		fechaIniChangeHistoricoParadas(cal);		
	}
function fechaFinChange(cal){
	    var date = cal.date;
		document.getElementById('diaf').value = date.print("%d");
		document.getElementById('mesf').value = date.print("%m");
		document.getElementById('anof').value = date.print("%Y");
		document.getElementById('horaFin').value = date.print("%H:%M");
		fechaFinChangeHistoricoEventos(cal);
		fechaFinChangeHistoricoParadas(cal);
	}
</script>  
        </div>


            <!-- FILTRO HITORICO EVENTOS-->
            <div id="div_filtroHistoricoEventos" style="display:none">
            <div class="minimenu" id="minimenuFiltroHistoricoEventos">
                <div class="buttonBar">
	       			<input type="button" class="BTNback" onclick="mostrarMenuPPAL();//mostrarFiltroHistorico();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoEventos', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');">
					<input type="button" class="BTNreporte" onclick="SubmitHistoricoEventosReporte();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoEventos', 'Generar reporte de eventos historico');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');">
                </div>    
                <div class="infoBar"></div>
            </div>
        	
    			<table width="280">
				   <tr>
				        <td colspan="2"><span class="sectionTITLE">Eventos</span></td>
				   </tr>				   
				   <tr>
				        <td colspan="2">
				           <span class="sectionDESC">Reporte hist&oacute;rico de eventos del/los veh&iacute;culos seleccionados seg&uacute;n rango de fechas.</span>
				        </td>
				   </tr>
				   <!-- 				   
				   <tr>
                   		<td width="48" align="left" valign="middle"><span class="inputLBL">M&oacute;vil:</span></td>
				   		<td height="25" align="left" valign="middle" > 
				   		<input type="hidden" name="labelMovil" id="labelMovil">  
				   		<select name='cuentaSelectHistoricoEvento' class='gmapSelect' id="cuentaSelectHistoricoEvento" onchange="recargarValoresSelectEventos(this);">
                		</select>
                      	</td>	   		
                   </tr>
                   -->
                   <tr>
				   		<td colspan="2"><hr /></td>				   		
                   </tr>        
				   <tr>      
                      <td width="48" align="left" valign="middle"><span class="inputLBL">Desde:</span></td>
                      <td height="25" align="left" valign="middle" > 
                   			<input type="hidden" name="diaiHistoricoEventos" id="diaiHistoricoEventos">  
                            <input type="hidden" name="mesiHistoricoEventos" id="mesiHistoricoEventos">
                            <input type="hidden" name="anoiHistoricoEventos" id="anoiHistoricoEventos">
                            <input type="hidden" name="horaInicioHistoricoEventos" id="horaInicioHistoricoEventos">  	
                           	<input type="text" name="fechaInicioHistoricoEventos" id="fechaInicioHistoricoEventos" class="gmapInputText" size="20" maxlength="20" disabled="disabled" value="">
                     
               		   <img src="js/calendar/img/calendar.gif" name="fechaInicioBtnHistoricoEventos" id="fechaInicioBtnHistoricoEventos" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." onmouseover="this.style.background='#DFB308';" onmouseout="this.style.background='';" />
                     </td>
                   </tr>
          
                   <tr>
                      <td width="48" align="left" valign="middle"><span class="inputLBL">Hasta:</span></td>
                      <td height="25"align="left" valign="middle"> 
                   			<input type="hidden" name="diafHistoricoEventos" id="diafHistoricoEventos">  
                            <input type="hidden" name="mesfHistoricoEventos" id="mesfHistoricoEventos">
                            <input type="hidden" name="anofHistoricoEventos" id="anofHistoricoEventos">
                            <input type="hidden" name="horaFinHistoricoEventos" id="horaFinHistoricoEventos">  	
                           	<input type="text" name="fechaFinHistoricoEventos" id="fechaFinHistoricoEventos" class="gmapInputText" size="20" maxlength="20" disabled="disabled" value="">
                     
               		   <img src="js/calendar/img/calendar.gif" name="fechaFinBtnHistoricoEventos" id="fechaFinBtnHistoricoEventos" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." onmouseover="this.style.background='#DFB308';" onmouseout="this.style.background='';" />
                     </td>
                    </tr>
                    <tr>
                      <td width="48" align="left" valign="middle"><span class="inputLBL">Estado:</span></td>
                      </td>
                      <td>
                      	<select name="estadoHistoricoEventos" id="estadoHistoricoEventos" class='gmapSelect'>
                        	<option value="0" selected="selected">Todos los eventos</option>
                            <option value="1" >Solo los no procesados</option>
                            <option value="2" >Solo los procesados</option>
                        </select>
                      </td>
                    </tr>
                    </tr>
				</table>
 <script type="text/javascript">
	     //FECHA DESDE!
function initializeFechasHistoricoEventos(){
   if (desdeHIS!=null){
		document.getElementById('diaiHistoricoEventos').value = desdeHIS.substring(0,2);
		document.getElementById('mesiHistoricoEventos').value = desdeHIS.substring(3,5);
		document.getElementById('anoiHistoricoEventos').value = desdeHIS.substring(6,10);
		document.getElementById('horaInicioHistoricoEventos').value = desdeHIS.substring(11);	
   }
	 
   dateIniHistoricoEventos = "";
   if  (document.getElementById('diaiHistoricoEventos').value != "") {
   		dateIniHistoricoEventos = document.getElementById('diaiHistoricoEventos').value;
		dateIniHistoricoEventos += "/" + document.getElementById('mesiHistoricoEventos').value;
		dateIniHistoricoEventos += "/" + document.getElementById('anoiHistoricoEventos').value;
		dateIniHistoricoEventos += " " + document.getElementById('horaInicioHistoricoEventos').value;
  	 }
   else{  
   		var actualDateHistoricoEventos = new Date();
		var timeHistoricoEventos = actualDateHistoricoEventos.getTime();
		timeHistoricoEventos -= Date.HOUR;
		actualDateHistoricoEventos = new Date(timeHistoricoEventos);
		dateIniHistoricoEventos = actualDateHistoricoEventos.print("%d") + '/' + actualDateHistoricoEventos.print("%m") + '/' + actualDateHistoricoEventos.print("%Y") + ' ' + actualDateHistoricoEventos.print("%H:%M"); 
		document.getElementById('diaiHistoricoEventos').value = actualDateHistoricoEventos.print("%d");
		document.getElementById('mesiHistoricoEventos').value = actualDateHistoricoEventos.print("%m");
		document.getElementById('anoiHistoricoEventos').value = actualDateHistoricoEventos.print("%Y");
		document.getElementById('horaInicioHistoricoEventos').value = actualDateHistoricoEventos.print("%H:%M");  
   } 
   
   document.getElementById('fechaInicioHistoricoEventos').value = dateIniHistoricoEventos;

	Calendar.setup(	
		{
		inputField 	   : "fechaInicioHistoricoEventos",  
		ifFormat       : "%d/%m/%Y %H:%M",      
        showsTime      : true,
        timeFormat     : "24",
		button		   : "fechaInicioBtnHistoricoEventos",
		onUpdate       : fechaIniChangeHistoricoEventos
		} 
	);	
	
	//FECHA HASTA!
   dateFinHistoricoEventos = "";
   
    if (hastaHIS!=null){
		document.getElementById('diafHistoricoEventos').value = hastaHIS.substring(0,2);
		document.getElementById('mesfHistoricoEventos').value = hastaHIS.substring(3,5);
		document.getElementById('anofHistoricoEventos').value = hastaHIS.substring(6,10);
		document.getElementById('horaFinHistoricoEventos').value = hastaHIS.substring(11);
	 }
   
   if  (document.getElementById('diafHistoricoEventos').value != "") {
   		dateFinHistoricoEventos = document.getElementById('diafHistoricoEventos').value;
		dateFinHistoricoEventos += "/" + document.getElementById('mesfHistoricoEventos').value;
		dateFinHistoricoEventos += "/" + document.getElementById('anofHistoricoEventos').value;
		dateFinHistoricoEventos += " " + document.getElementById('horaFinHistoricoEventos').value;
  	 }
   else{   
   		actualDateHistoricoEventos = new Date();			
		timeHistoricoEventos = actualDateHistoricoEventos.getTime();
		timeHistoricoEventos += Date.HOUR;
		actualDateHistoricoEventos = new Date(timeHistoricoEventos);
		dateFinHistoricoEventos = actualDateHistoricoEventos.print("%d") + '/' + actualDateHistoricoEventos.print("%m") + '/' + actualDateHistoricoEventos.print("%Y") + ' ' + actualDateHistoricoEventos.print("%H:%M");  
		document.getElementById('diafHistoricoEventos').value = actualDateHistoricoEventos.print("%d");
		document.getElementById('mesfHistoricoEventos').value = actualDateHistoricoEventos.print("%m");
		document.getElementById('anofHistoricoEventos').value = actualDateHistoricoEventos.print("%Y");
		document.getElementById('horaFinHistoricoEventos').value = actualDateHistoricoEventos.print("%H:%M"); 
   } 
   
   document.getElementById('fechaFinHistoricoEventos').value = dateFinHistoricoEventos;

	Calendar.setup(	
		{
		inputField 	   : "fechaFinHistoricoEventos",  
		ifFormat       : "%d/%m/%Y %H:%M",      
        showsTime      : true,
        timeFormat     : "24",
		button		   : "fechaFinBtnHistoricoEventos",
		onUpdate       : fechaFinChangeHistoricoEventos
		} 
	);
}

function fechaIniChangeHistoricoEventos(cal){
	    var dateHistoricoEventos = cal.date;
		document.getElementById('diaiHistoricoEventos').value = dateHistoricoEventos.print("%d");
		document.getElementById('mesiHistoricoEventos').value = dateHistoricoEventos.print("%m");
		document.getElementById('anoiHistoricoEventos').value = dateHistoricoEventos.print("%Y");
		document.getElementById('horaInicioHistoricoEventos').value = dateHistoricoEventos.print("%H:%M");
	}
	
function fechaFinChangeHistoricoEventos(cal){
	    var date = cal.date;
		document.getElementById('diafHistoricoEventos').value = date.print("%d");
		document.getElementById('mesfHistoricoEventos').value = date.print("%m");
		document.getElementById('anofHistoricoEventos').value = date.print("%Y");
		document.getElementById('horaFinHistoricoEventos').value = date.print("%H:%M");
	}

</script>  
        </div>        
        
            <!-- FILTRO HITORICO PARADAS-->
            <div id="div_filtroHistoricoParadas" style="display:none">
            <div class="minimenu" id="minimenuFiltroHistoricoParadas">
                <div class="buttonBar">
	       			<input type="button" class="BTNback" onclick="mostrarMenuPPAL();//mostrarFiltroHistorico();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoParadas', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoParadas', '');">
					<input type="button" class="BTNreporte" onclick="SubmitHistoricoParadasReporte();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoParadas', 'Generar reporte historico de paradas');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoParadas', '');">
                </div>    
                <div class="infoBar"></div>
            </div>
        	
    			<table width="280">
				   <tr>
				        <td colspan="2"><span class="sectionTITLE">Paradas</span></td>
				   </tr>				   
				   <tr>
				        <td colspan="2">
				           <span class="sectionDESC">Reporte hist&oacute;rico de paradas del/los veh&iacute;culos seleccionados seg&uacute;n rango de fechas.</span>
				        </td>
				   </tr>
				   <!-- 				   
				   <tr>
                   		<td width="48" align="left" valign="middle"><span class="inputLBL">M&oacute;vil:</span></td>
				   		<td height="25" align="left" valign="middle" > 
				   		<select name='cuentaSelectHistoricoParada' class='gmapSelect' id="cuentaSelectHistoricoParada">
                		</select>
                      	</td>	   		
                   </tr>
                   -->
                   <tr>
				   		<td colspan="2"><hr /></td>				   		
                   </tr>        
				   <tr>      
                      <td width="140" align="left" valign="middle"><span class="inputLBL">Desde:</span></td>
                      <td height="25" align="left" valign="middle" > 
                   			<input type="hidden" name="diaiHistoricoParadas" id="diaiHistoricoParadas">  
                            <input type="hidden" name="mesiHistoricoParadas" id="mesiHistoricoParadas">
                            <input type="hidden" name="anoiHistoricoParadas" id="anoiHistoricoParadas">
                            <input type="hidden" name="horaInicioHistoricoParadas" id="horaInicioHistoricoParadas">  	
                           	<input type="text" name="fechaInicioHistoricoParadas" id="fechaInicioHistoricoParadas" class="gmapInputText" size="20" maxlength="20" disabled="disabled" value="">
                     
               		   <img src="js/calendar/img/calendar.gif" name="fechaInicioBtnHistoricoParadas" id="fechaInicioBtnHistoricoParadas" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." onmouseover="this.style.background='#DFB308';" onmouseout="this.style.background='';" />
                     </td>
                   </tr>
          
                   <tr>
                      <td width="140" align="left" valign="middle"><span class="inputLBL">Hasta:</span></td>
                      <td height="25"align="left" valign="middle"> 
                   			<input type="hidden" name="diafHistoricoParadas" id="diafHistoricoParadas">  
                            <input type="hidden" name="mesfHistoricoParadas" id="mesfHistoricoParadas">
                            <input type="hidden" name="anofHistoricoParadas" id="anofHistoricoParadas">
                            <input type="hidden" name="horaFinHistoricoParadas" id="horaFinHistoricoParadas">  	
                           	<input type="text" name="fechaFinHistoricoParadas" id="fechaFinHistoricoParadas" class="gmapInputText" size="20" maxlength="20" disabled="disabled" value="">
                     
               		   <img src="js/calendar/img/calendar.gif" name="fechaFinBtnHistoricoParadas" id="fechaFinBtnHistoricoParadas" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." onmouseover="this.style.background='#DFB308';" onmouseout="this.style.background='';" />
                     </td>
                    </tr>
                    <tr>
                      <td width="140" align="left" valign="middle"><span class="inputLBL">Tiempo detenido(min):</span></td>
                      </td>
                      <td>
                      	<input type="text" name="tiempoHistoricoParadas" id="tiempoHistoricoParadas" class="gmapInputText" size="20" maxlength="4" value="">
                      </td>
                    </tr>
                    </tr>
				</table>
  <script type="text/javascript">
function initializeFechasHistoricoParadas(){
   //FECHA DESDE!
   dateIniHistoricoParadas = "";
   
   if (desdeHIS!=null){
		document.getElementById('diaiHistoricoParadas').value = desdeHIS.substring(0,2);
		document.getElementById('mesiHistoricoParadas').value = desdeHIS.substring(3,5);
		document.getElementById('anoiHistoricoParadas').value = desdeHIS.substring(6,10);
		document.getElementById('horaInicioHistoricoParadas').value = desdeHIS.substring(11);		
	 }
   
   if  (document.getElementById('diaiHistoricoParadas').value != "") {
   		dateIniHistoricoParadas = document.getElementById('diaiHistoricoParadas').value;
		dateIniHistoricoParadas += "/" + document.getElementById('mesiHistoricoParadas').value;
		dateIniHistoricoParadas += "/" + document.getElementById('anoiHistoricoParadas').value;
		dateIniHistoricoParadas += " " + document.getElementById('horaInicioHistoricoParadas').value;
  	 }
   else{   
   		var actualDateHistoricoParadas = new Date();
		var timeHistoricoParadas = actualDateHistoricoParadas.getTime();
		timeHistoricoParadas -= Date.HOUR;
		actualDateHistoricoParadas = new Date(timeHistoricoParadas);
		dateIniHistoricoParadas = actualDateHistoricoParadas.print("%d") + '/' + actualDateHistoricoParadas.print("%m") + '/' + actualDateHistoricoParadas.print("%Y") + ' ' + actualDateHistoricoParadas.print("%H:%M"); 
		document.getElementById('diaiHistoricoParadas').value = actualDateHistoricoParadas.print("%d");
		document.getElementById('mesiHistoricoParadas').value = actualDateHistoricoParadas.print("%m");
		document.getElementById('anoiHistoricoParadas').value = actualDateHistoricoParadas.print("%Y");
		document.getElementById('horaInicioHistoricoParadas').value = actualDateHistoricoParadas.print("%H:%M");  
   } 
   
   
   
   document.getElementById('fechaInicioHistoricoParadas').value = dateIniHistoricoParadas;

	Calendar.setup(	
		{
		inputField 	   : "fechaInicioHistoricoParadas",  
		ifFormat       : "%d/%m/%Y %H:%M",      
        showsTime      : true,
        timeFormat     : "24",
		button		   : "fechaInicioBtnHistoricoParadas",
		onUpdate       : fechaIniChangeHistoricoParadas
		} 
	);	
	
	//FECHA HASTA!
   dateFinHistoricoParadas = "";
   
    if (hastaHIS!=null){
		document.getElementById('diafHistoricoParadas').value = hastaHIS.substring(0,2);
		document.getElementById('mesfHistoricoParadas').value = hastaHIS.substring(3,5);
		document.getElementById('anofHistoricoParadas').value = hastaHIS.substring(6,10);
		document.getElementById('horaFinHistoricoParadas').value = hastaHIS.substring(11);		
	 }
   
   if  (document.getElementById('diafHistoricoParadas').value != "") {
   		dateFinHistoricoParadas = document.getElementById('diafHistoricoParadas').value;
		dateFinHistoricoParadas += "/" + document.getElementById('mesfHistoricoParadas').value;
		dateFinHistoricoParadas += "/" + document.getElementById('anofHistoricoParadas').value;
		dateFinHistoricoParadas += " " + document.getElementById('horaFinHistoricoParadas').value;
  	 }
   else{   
   		actualDateHistoricoParadas = new Date();			
		timeHistoricoParadas = actualDateHistoricoParadas.getTime();
		timeHistoricoParadas += Date.HOUR;
		actualDateHistoricoParadas = new Date(timeHistoricoParadas);
		dateFinHistoricoParadas = actualDateHistoricoParadas.print("%d") + '/' + actualDateHistoricoParadas.print("%m") + '/' + actualDateHistoricoParadas.print("%Y") + ' ' + actualDateHistoricoParadas.print("%H:%M");  
		document.getElementById('diafHistoricoParadas').value = actualDateHistoricoParadas.print("%d");
		document.getElementById('mesfHistoricoParadas').value = actualDateHistoricoParadas.print("%m");
		document.getElementById('anofHistoricoParadas').value = actualDateHistoricoParadas.print("%Y");
		document.getElementById('horaFinHistoricoParadas').value = actualDateHistoricoParadas.print("%H:%M"); 
   } 
   
   document.getElementById('fechaFinHistoricoParadas').value = dateFinHistoricoParadas;   

	Calendar.setup(	
		{
		inputField 	   : "fechaFinHistoricoParadas",  
		ifFormat       : "%d/%m/%Y %H:%M",      
        showsTime      : true,
        timeFormat     : "24",
		button		   : "fechaFinBtnHistoricoParadas",
		onUpdate       : fechaFinChangeHistoricoParadas
		} 
	);
}

   function fechaIniChangeHistoricoParadas(cal){
	    var dateHistoricoParadas = cal.date;
		document.getElementById('diaiHistoricoParadas').value = dateHistoricoParadas.print("%d");
		document.getElementById('mesiHistoricoParadas').value = dateHistoricoParadas.print("%m");
		document.getElementById('anoiHistoricoParadas').value = dateHistoricoParadas.print("%Y");
		document.getElementById('horaInicioHistoricoParadas').value = dateHistoricoParadas.print("%H:%M");
	}
	
	function fechaFinChangeHistoricoParadas(cal){
	    var date = cal.date;
		document.getElementById('diafHistoricoParadas').value = date.print("%d");
		document.getElementById('mesfHistoricoParadas').value = date.print("%m");
		document.getElementById('anofHistoricoParadas').value = date.print("%Y");
		document.getElementById('horaFinHistoricoParadas').value = date.print("%H:%M");
	}
</script>  
        </div>


        
        
      </div>      
</div>